<template>
	<div class="container">
			<header-Bar></header-Bar>
		<div class="body">
			<page-body>
        <div class="left">
          <stu-homework></stu-homework>
        </div>
        <div class="right">
          <stu-notice></stu-notice>
        </div>
			</page-body>
		</div>
	</div>
</template>

<script>
import HeaderBar from '@/components/headerBar/HeaderBar';
import PageBody from '@/components/pageBody/PageBody';
import StuHomework from '@/views/index/components/StuHomework';
import StuNotice from '@/views/index/components/StuNotice';
// import http from '../../util/http';

export default {
	name: 'Home',
	components: {
		HeaderBar,
		PageBody,
		StuHomework,
		StuNotice,
	},
	// methods: {
	// 	getHomeworkList() {
	// 		http.get('homeworkAPI/findHomework')
	// 		.then((res) => {
	// 			// console.log(res.statusCode)
	// 			console.log(res.statusCode);
	// 		})
	// 		.catch((error) => {
	// 			console.log(error);
	// 		});
	// 	},
	// },
	// mounted() {
	// 	console.log('111');
	// 	this.getHomeworkList();
	// },
};
</script>

<style scoped>
.container{
	/* background-image: linear-gradient(125deg, #2c3e50, #27ae60, #2980b9, #e74c3c, #8e44ad); */
	background-color: #FAACA8;
	background-image: linear-gradient(19deg, #66cccc 0%, #FAACA8 50%,#DDD6F3 100%);
	background-size: 700%;
	animation: bganimation 15s infinite;
}
@keyframes bganimation {
	from {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	to {
		background-position: 0% 50%;
	}
}
.body{
  display: block;
  padding-top: 3rem;
}
/* .container{
  background-color: red;
} */
.left{
  float: left;
}
.right{
  float:right;
}
</style>
